﻿body 
{
    font-family: Calibri;
    font-size: 11pt;
    background-color: #006080;
    color: #555;
}

#header
{ 
    position:relative;
    padding-top: 10px;
}

#login
{
   position:absolute;
   bottom: 8px;
   right: 20px; 
}

#container
{
    padding-top: 10px;
    padding-bottom: 25px;
}

.line
{
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(203,235,255,0.75) 30%, rgba(203,235,255,1) 50%, rgba(203,235,255,0.75) 70%, rgba(255,255,255,0) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(30%,rgba(203,235,255,0.75)), color-stop(50%,rgba(203,235,255,1)), color-stop(70%,rgba(203,235,255,0.75)), color-stop(100%,rgba(255,255,255,0))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(203,235,255,0.75) 30%,rgba(203,235,255,1) 50%,rgba(203,235,255,0.75) 70%,rgba(255,255,255,0) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(203,235,255,0.75) 30%,rgba(203,235,255,1) 50%,rgba(203,235,255,0.75) 70%,rgba(255,255,255,0) 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(203,235,255,0.75) 30%,rgba(203,235,255,1) 50%,rgba(203,235,255,0.75) 70%,rgba(255,255,255,0) 100%); /* IE10+ */
    background: linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(203,235,255,0.75) 30%,rgba(203,235,255,1) 50%,rgba(203,235,255,0.75) 70%,rgba(255,255,255,0) 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#00ffffff',GradientType=1 ); /* IE6-9 */
    height: 2px;
    margin-top: 10px;
}

#footer
{
    height: 40px;
    background-color: #EEEEEE;
    border-radius:10px;  
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    width:908px;
    /* Alterei aqui em relação ao 'default.css' porque o rodapé tava torto em relação ao grid 960 */
    margin-left:25px;
    margin-bottom:25px;
}

#copyright
{
    text-align: center;
    height: 40px;
    line-height: 40px;
    position:relative;
}

#socialnetwork
{
    position: absolute;
    bottom: 6px;
    text-align: right;
    right: 30px;
}

a:link 
{
    text-decoration: none;
    color: #555;
}
a:visited 
{
    text-decoration: none;
    color: #555;
}
a:active 
{
    text-decoration: none;
    color: #555;
}
a:hover 
{
    text-decoration: underline;
   	color: #555;
}

#page
{
    width: 960px;
    margin: -8px auto 37px;
    box-shadow: 0 0 49px rgba(0,0,0,2);
    border-radius: 0 0 10px 10px;
    background-color:White;
}

#masterContent
{
    padding-left: 15px;
    padding-right: 15px;

        }
        
 #logged
 {
     padding-bottom:25px;
     
     }
 
 .botaoSair {
	-moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
	box-shadow:inset 0px 1px 0px 0px #ffffff;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
	background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
	background-color:#ededed;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #dcdcdc;
	display:inline-block;
	color:#777777;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	padding:2px 9px;
	text-decoration:none;
	text-shadow:1px 1px 0px #ffffff;
}.botaoSair:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
	background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
	background-color:#dfdfdf;
	text-decoration: none;
}.botaoSair:active {
	position:relative;
	top:1px;
}